<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <title>Radio Star</title>
  <link rel="stylesheet" rev="stylesheet" href="skins/sharedstyles.css" charset="utf-8" />
  <link id="skin" rel="stylesheet" rev="stylesheet" charset="utf-8" />
  <script type="text/javascript">
    /**
     * @description Container for all objects.
     * @static
     */
    var RadioStar = {};
    RadioStar.Stations = {};
    var EPG = {};
  </script>
  <style type="text/css">
  body
  {
    margin: 0em;
    font-size: 10px;
  }
  
  div.button
  {
    width: 2em;
    height: 2em;
    overflow: hidden;
    float: left;
    text-align: center;
    border: 0.1em solid #ccc;
    margin: 0.2em;
    background: #fff;
    /* total width (and height) 0.2 + 0.1 + 2 + 0.1 + 0.2 = 2.6 */
  }
  
  div.button:hover
  {
    background: #f0f0f0;
  }
  
  div.button a
  {
    text-decoration: none;
    font-size: 1.4em;
    color: black;
  }
  
  #front
  {
    /* total width 2.6 * 5 = 13 */
    width: 13em;
    /* total height 2.6 */
    height: 2.6em;
    border: 0.1em solid #000;
    overflow: hidden;
  }
  
  #instantReplay a
  {
    font-size: 2em;
    line-height: 0.9em;
  }
  
  #pause
  {
    letter-spacing: -0.5em;
  }
  
  #pause a
  {
    font-size: 1.9em;
    line-height: 1.3em;
    position: relative;
    left: -0.15em;
  }
  
  #play a
  {
    font-size: 1.2em;
    line-height: 1.9em;
  }
  
  #stop a
  {
    font-size: 2.4em;
    line-height: 0.8em;
  }
  
  #volume a
  {
    font-size: 2.8em;
    line-height: 0.7em;
  }
  
  </style>
  <script src="scripts/EPG.debug.js"></script>
  <script src="scripts/EPG.file.js"></script>
</head>
<body>
  <!-- play 25b7 pause 25eb stop 25a1 halv paus 25af -->
  <div id="front">
    <div class="button" id="instantReplay" onclick="RadioStar.Stations.BanditRock.instantReplay();" title="Instant replay"><a href="#">&#9100;</a></div>
    <div class="button" id="play" onclick="RadioStar.Stations.BanditRock.playPause();" title="Play"><a href="#">&#9655;</a></div>
    <div class="button" id="pause" onclick="RadioStar.Stations.BanditRock.playPause();" title="Pause"><a href="#">&#9647;&#9647;</a></div>
    <div class="button" id="stop" onclick="RadioStar.Stations.BanditRock.stop();" title="Stop"><a href="#">&#9633;</a></div>
    <div class="button" id="volume" onclick="function(event){RadioStar.Stations.BanditRock.volume(event);}" title="Volume (click to increase, alt+click to decrease)"><a href="#">&#9011;</a></div>
  </div>
  <object id="quicktime" width="384" height="216" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
    <param value="http://bandit.str.mtgradio.dgcsystems.net/bandit/?MSWMExt=.asf" name="src"/>
    <param value="true" name="hidden"/>
  </object>
  <script src="stations/BanditRock.js"></script>
</body>
</html>